<link rel="stylesheet" type="text/css" href="{$smarty.const.THEME_RELATIVE}modules/newsmodule/css/newsFeatureTab.css" />
<script type="text/javascript" src="{$smarty.const.THEME_RELATIVE}modules/newsmodule/js/FeatureTab.js"></script>
<div id="feature_list">
    <ul id="tabs">
        {foreach from=$news item=newsitem}
        <li>
            <a href="javascript:;" class="">
                {*{if $newsitem->image!=""}<img src="{$smarty.const.BASE_URL}/phpThumb.php?src={$newsitem->image}&w=32&h=32" >{/if}*}
                <h3>{trim_name_to_fix text=$newsitem->title length=30}</h3>
                <span>{trim_name_to_fix text=$newsitem->summary length=40}</span>
            </a>
        </li>
        {/foreach}
    </ul>
    <ul id="output">
        {foreach from=$news item=newsitem}
        <li style="display: none;">
            <img src="{$newsitem->background_path}">
            <a class="tip" href="/news/{$newsitem->internal_name}" title="{$newsitem->body|summarize:"html":"para"}..." alt="{$newsitem->body|summarize:"html":"para"}...">{$_TR.readmore}</a>
        </li>
        {/foreach}
    </ul>
</div>